<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="http://cdn.staticfile.org/cesium/1.69.0/Widgets/widgets.css">
    <link rel="stylesheet" href="../css//index.css">
</head>

<body>
    <div id=cesiumContainer></div>

    <script src="http://cdn.staticfile.org/cesium/1.69.0/Cesium.js"></script>
    <script src="../libs/cpc/index.js"></script>
    <script>
        const map = new cpc.Map({
            container: "cesiumContainer",
            baseMaps: [
                "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
            ],
            // 纯cesium的参数
            cesium: {
                //上方
                geocoder: true, //查询按钮-还要修改--https://www.haomeiwen.com/subject/cizbmhtx.html
                navigationHelpButton: true, //帮助按钮
                navigationInstructionsInitiallyVisible: true, //帮助按钮，初始化的时候是否展开
                homeButton: true, //Home按钮
                sceneModePicker: true, //是否显示3D/2D选择器baseLayerPicker

                //下方
                animation: true, //是否创建动画小器件，左下角仪表
                timeline: true, //是否显示时间轴
                fullscreenButton: true, //是否显示全屏按钮
                fullscreenElement: document.body, //全屏时渲染的HTML元素,

                //其它
                infoBox: true, //是否显示信息框
                selectionIndicator: true, //是否显示选取指示器组件
                baseLayerPicker: false, //是否显示图层选择器
                // scene3DOnly: true,//如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源
                showRenderLoopErrors: true, //如果设为true，将在一个HTML面板中显示错误信息
                resolutionScale: 1, //获取或设置渲染分辨率的缩放比例。小于1.0的值可以改善性能较差的设备上的性能，而大于1.0的值将以更高的分辨率渲染，然后缩小比例，从而提高视觉保真度。例如，如果将小部件以640x480的大小进行布局，则将该值设置为0.5将导致场景以320x240渲染，然后放大；而将其设置为2.0将导致场景以1280x960渲染，然后缩放下。
            },
        });
    </script>
</body>

</html>